@import '../c_themes/theme.scss';
// 店铺卡列表
.store-card-list {
	padding: 15rpx;
}
// 店铺卡
.store-card {
	background-color: $post-card-bg-color;
	background-image: $post-card-bg-img;
	border-radius: $common-border-radius;
	box-shadow: $post-card-shadow;
	padding: 15rpx;
	text-align: left;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 20rpx 0;
}
	// 推荐店铺
	.store-card.recommend {
		margin: 50rpx 0 20rpx 0;
	}
	// 第一个减少上边距
	.store-card:first-child {
		margin-top: 10rpx;
	}
	// 项目信息
	.store-card .preview-img {
		margin-right: 10rpx;
		width: 200rpx;
		height: 160rpx;
	}
	// 项目信息
	.store-card .item-info {
		width: 69%;
	}
	// 项目信息-子项
	.store-card .item-info .info-item{
		display: flex;
		align-items: center;
		color: $sub-color;
	}
	// 项目信息-子项-图标
	.store-card .item-info .info-item .fontIcon{
		font-size: 30rpx;
		color: $sub-color;
		margin: 0 4rpx;
		padding: 0;
	}
		// 项目信息-子项-图标-地址
		.store-card .item-info .info-item .fontIcon.icon-address {
			margin-left: 10rpx;
			color: $light-color;
		}
	// 项目信息-店铺名
	.store-card .item-info .name{
		font-weight: bold;
		font-size: $title3-fontSize;
	}
	// 项目信息-店铺名-图标
	.store-card .item-info .name icon{
		vertical-align: bottom;
	}
	// 项目信息-五星
	.store-card .item-info .info-item .five-star {
		padding: 0;
		margin-right: 20rpx;
	}
	// 项目信息-人气
	.store-card .item-info .info-item .popularity-number {
		color: $important-color;
	}
	// 项目信息-价格
	.store-card .item-info .info-item .price-number {
		color: $important-color;
	}
	// 项目顶栏
	.store-card .store-head {
		flex-shrink:0;
		width: 90%;
		margin: -15rpx auto 30rpx auto;
		border-bottom-left-radius: 30rpx;
		border-bottom-right-radius: 30rpx;
		height: 30rpx;
		text-align: center;
		position: relative;
		justify-content: center;
		display: flex;
		background-color: #E3E3EB;
	}
	// 顶栏标志容器
	.store-card .store-head .head-sign{
		position:absolute;
		font-size: $title3-fontSize;
		background-color: transparent;
		color: $weakest-color;
		display: flex;
		align-items: center;
		top: -50rpx;
		width: 140rpx;
		height: 120rpx;
		background-size: $common-imgIcon-bg-size;
		background-position: center;
		background-repeat: no-repeat;
		text-align: center;
		justify-content: center;
	}
	// 普通排名
	.store-card .store-head .head-sign .normal-place-circle{
		border-radius: $larger-border-radius;
		background-color: $golden-color;
		width: 70rpx;
		height: 70rpx;
		font-family: vipLevelFont;
		font-size: 50rpx;
		line-height: 1.6;
	}
	// 顶栏标志-字体图标
	.store-card .store-head .head-sign .fontIcon {
		font-size: 30rpx;
		color: $weakest-color;
	}
	// 顶栏标志-图片图标
	.store-card .store-head .head-sign .imgIcon {
		width: 100%;
		height: 100%;
	}
	// 赞助商
	.store-card .store-head.supporter {
		background-color: $important-sub-color;
	}
		.store-card .store-head.supporter .head-sign{
			background-color: $important-color;
			border-radius: $larger-border-radius;
			top: -10rpx;
			padding: 0rpx 20rpx;
			width: auto;
			height: auto;
		}
	// 第一名
	.store-card .store-head.first {background-color: #e9cb7a;}
	// 第二名
	.store-card .store-head.second { background-color: #BDE2F4;}
	// 第二名
	.store-card .store-head.third { background-color: #EFB8AB;}
// 排行榜卡片
	.store-card-rank-list .store-card {
		text-align: center;
	}
	// 信息
		.store-card-rank-list .store-card .item-info {
		width: 100%;
	}
	// 名称
	.store-card-rank-list .store-card .item-info .name{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	// 标题文字
	.store-card-rank-list .store-card .item-info .name text{
		max-width: 90%;
		align-items: center;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		font-size: $title2-fontSize;
	}
	.store-card-rank-list .store-card .item-info .name .imgIcon {
		width: 40rpx;
		height: 40rpx;
	}
	// 信息子项
	.store-card-rank-list .store-card .item-info .info-item{
		text-align: center;
		justify-content: center;
	}
	// 图片格子
	.store-card-rank-list .store-card .img-grid{
		justify-content: space-around;
	}
		// 图片设置
		.store-card-rank-list .store-card .img-grid image{
			height: 180rpx !important;
		}

// 项目信息-无预览图
.store-card .item-info:first-child {
	width: 100%;
}
// 项目信息-无预览图-名称
.store-card .item-info:first-child .name{
	font-size: $title2-fontSize;
}
.store-card .item-info:first-child .name .imgIcon{
	vertical-align: middle !important;
	padding: 0;
	width: 45rpx;
	height: 45rpx;
}
// 项目信息-标签列表
.store-card .item-info .store-tag-list:first-child{
	justify-content: flex-end;
}
// 项目信息
.store-card .wrap-buttons{
	width: 100%;
	display: flex;
	justify-content: center;
	border-top: $common-line;
	margin: 20rpx 0;
	padding-top: 20rpx;
}
// 打卡按钮
.store-card .wrap-buttons .btn-store-check {
	border: 2rpx solid $important-sub-color;
	border-radius: $common-border-radius;
	display: flex;
	align-items: center;
	font-size: $normal-fontSize;
	padding: 16rpx 30rpx;
	color: $important-color;
	background-color: $weakest-color;
	box-shadow: 0 8rpx 20rpx rgba($important-color, 0.25);
}
	// 图标字体
	.store-card .wrap-buttons .btn-store-check .fontIcon{
		font-size: 30rpx;
		color: $important-color;
		margin-right: 10rpx;
	}
